layui.use(['LDLayout', 'laydate', 'layer'], function () {
    var LDLayout = layui.LDLayout,
        laydate = layui.laydate,
        layer = layui.layer;

    // 设置中间内容区 最小高度
    LDLayout.setMinHeight();
    $(window).on('resize', LDLayout.setMinHeight);

    /* 日期选择器 初始化 */
    var startOpt = {
        elem: '#start_date_hook',
        theme: '#620060',
        done: function (value, date, endDate) {
            dateSelectDone(date, 'start')
            date.month = date.month - 1;
            end.config.min = date; //重点
        }
    }

    var endOpt = {
        elem: '#end_date_hook',
        theme: '#620060',
        done: function (value, date, endDate) {
            dateSelectDone(date, 'end')
            var maxConfig = { //重点
                year: JSON.stringify(date) !== '{}' ? date.year : 2099,
                month: date.month - 1,
                date: date.date,
                hours: 0,
                minutes: 0,
                seconds: 0
            }
            begin.config.max = maxConfig;
        }
    }
    var begin = laydate.render(startOpt);
    var end = laydate.render(endOpt);

    /* 事件绑定 */
    $(document).click(function () {
        // 点击 body 的时候隐藏 所有选择框
        $('.ld-select').removeClass('show');
        $('.icon-collapse').removeClass('in');
    })
    // 订单顶部操作栏 事件绑定
    $('#order_action_hook')
    // 订单状态下拉框 显示 / 隐藏
        .delegate('#order_status_hook', 'click', function (ev) {
            selectOption.call(this, '#order_status_select_hook');
            ev.stopPropagation();
        })
        // 付款状态 显示 / 隐藏
        .delegate('#pay_status_hook', 'click', function (ev) {
            selectOption.call(this, '#pay_status_select_hook');
            ev.stopPropagation();
        })
        // 订单搜索 提交
        .delegate('#search_hook', 'keyup', function (ev) {
            // 13 回车键
            if (ev.keyCode === 13) {
                searchSumbitDone($(this).val())
            }
        })
        .delegate('#search_submit_hook', 'click', function () {
            searchSumbitDone($('#search_hook').val())
        })
        // 全部下拉框 option 点击事件
        .delegate('.ld-option', 'click', function () {
            optionSelectDone.call(this);
        })

    $('#table_hook')
        .delegate('.cancel-order-hook', 'click', function () {
            cancelOrder($(this).data('orderid'))
        })
});

/* 下拉框显示隐藏 */
function selectOption (selectId) {
    $('.ld-select').not(selectId).removeClass('show');
    $('.select-item').not(this).find('.icon-collapse').removeClass('in')
    $(selectId).toggleClass('show');
    $(this).find('.icon-collapse').toggleClass('in');
}

/*订单号搜索 提交完成 */
function searchSumbitDone (value) {
    if ($.trim(value) !== '') {
        alert(value)
    }
}

/* 订单状态 与 付款状态 选择完成 */
function optionSelectDone () {
    $(this).addClass('active').siblings().removeClass('active');
    var dataKey = $(this).data('key');
    var dataValue = $(this).data('value');
    var content = $(this).find('a').text();
    var $textElement = $('[data-content=' + dataKey + ']');
    $textElement.text(content);
    alert('内容:' + content + ', value:' + dataValue);
}

/* 日期选择完成 */
function dateSelectDone (date, type) {
    if (type === 'start') {
        alert('开始时间:' + date.year + '-' + (date.month) + '-' + date.date);
    } else {
        alert('结束时间:' + date.year + '-' + (date.month) + '-' + date.date);
    }
}

/* 取消订单 */
function cancelOrder (orderId) {
    var layerIndex = layer.confirm('取消后该订单交易不再有效！', {title: '取消订单', skin: 'ld-layer'}, function(index){
        //do something
        console.log('已取消订单:' + orderId, '--console from /js/order.js')
        layer.close(layerIndex);
    });

}